// components/custom-tab-bar/customTabBar.ts
Component({

	/**
	 * 组件的属性列表
	 */
	properties: {

	},

	/**
	 * 组件的初始数据
	 */
	data: {
		list: [ // tab列表配置，与app.json中的配置类似，但可以更灵活地控制样式和交互逻辑。
			{ icon: 'home', activeIcon: 'home_active', pagePath: '/pages/index/index', text: '首页' },
			{ icon: 'schedule', activeIcon: 'cart_active', pagePath: '/pages/schedule/schedule', text: '服务日程' },
			{ icon: 'user', activeIcon: 'user_active', pagePath: '/pages/user/user', text: '我的' }
		]
	},

	/**
	 * 组件的方法列表
	 */
	methods: {
		switchTab(e: any) {
			const item = e.currentTarget.dataset.item; // 获取点击项的索引
			console.log('item: ', item)
			// 切换到对应的页面路径，注意这里是wx.switchTab而不是wx.navigateTo或wx.redirectTo，因为我们要在tab之间切换页面。
			wx.switchTab({ 
			  	url: item.pagtePath, // 目标页面的路径，从列表中获取。
			});
		  }
	}
})